<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
  <script>

    // 断点工具 - 一般可以用来查看循环执行的方式
    // 通过debugger关键字实现
    // 可以配合f8和f10进行下一轮或者下一步操作

    // 也可以通过自己在浏览器的"源代码/来源"那里手动打断点

    for (var i = 1; i <= 10;i++) {
      // debugger;
      document.write("我是外层循环" + i + "<br>");
      for (var j = 1; j <= 10; j++) {
        document.write("&emsp;&emsp;我是内层循环" + j + "<br>");
      }
    }


  </script>
</body>
</html>